<template>
    <div class="setting-profile">
        <h2>个人资料</h2>
        <div class="profile-form">
            <el-form label-width="100px">
                <el-form-item label="用户名">
                    <el-input placeholder="请输入用户名"></el-input>
                </el-form-item>
                <el-form-item label="邮箱">
                    <el-input placeholder="请输入邮箱"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary">保存修改</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>

<style lang="less" scoped>
.setting-profile {
    h2 {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .profile-form {
        max-width: 500px;
    }
}
</style>